<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="header w">
        <div class="img">
            <a href="./index.html">
            <img src="./img/images/logo.png" alt="">
        </a>
        </div>
    </div>
    <!-- registerarea -->
       <div class="registerarea w">
           <h3>
               注册新用户
               <em>我有账号，去<a href="#">登陆</a></em>
           </h3>
           <div class="reg_form">
               <div class="demo php">
                   <ul>
                       <li>
                           <label for="" class="tel">电话</label>
                           <input type="text" class="inp">
                           <span class="error">
                           <i class="error_icon"></i> 手机号码格式不正确，请从新输入 
                           </span>
                       </li>
                       <li>
                        <label for="" class="tel">电话</label>
                        <input type="text" class="inp">
                        <span class="error">
                        <i class="error_icon"></i> 手机号码格式不正确，请从新输入 
                        </span>
                    </li>
                    <li>
                        <label for="" class="tel">短信验证码</label>
                        <input type="text" class="inp">
                        <span class="success">
                        <i class="success_icon"></i> 手机号码格式不正确，请从新输入 
                        </span>
                    </li>
                    <li class="safe">
                        安全程度
                        <em class="ruo">弱</em>
                        <em class="zhong">中</em>
                        <em class="qiang">强</em>
                    </li>
                    <li>
                        <label for="" class="tel">电话</label>
                        <input type="text" class="inp">
                        <span class="error">
                        <i class="error_icon"></i> 手机号码格式不正确，请从新输入 
                        </span>
                    </li>
                    <li class="agree">
                        <input type="checkbox">
                    同意注册
                    <a href="#">《知果果用户协议》</a>
                    </li>
                    <li>
                        <input type="submit" value="完成注册" class="over">
                    </li>
                   </ul>
               </div>
           </div>
       </div>
       <!-- footer -->
       <div class="footer">
        <p class="links">
            关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
        </p>

        <p class="copyright">
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
京ICP备08001421号京公网安备110108007702
        </p>
    </div>
       </div>
</body>
</html>